<template>
  <div id="app">
    <div v-if="login">
      <MyHeader />
      <el-container>
        <MySiderBar />
        <MyContent />
      </el-container>
      <MyFooter msg="这里是底部的固定内容" />
    </div>

    <div v-else>
      <MyContent />
    </div>
  </div>
</template>

<script>
import MyFooter from "./components/MyFooter.vue";
import MyHeader from "./components/MyHeader.vue";
import MySiderBar from "./components/MySiderBar.vue";
import MyContent from "./components/MyContent.vue";
import My404 from "./components/My404.vue";

export default {
  data() {
    return {
      login: true,
    };
  },
  components: {
    MyFooter,
    MyHeader,
    MySiderBar,
    MyContent,
    My404,
  },
};
</script>

<!-- scoped 表示只在本文件生效 -->
<style scoped>
</style>

